<!DOCTYPE html>
<html>
<head>
	<title>帖子详情</title>
	<script src="__JS__/kindeditor-4.1.10/kindeditor.js"></script>
	<script src="__JS__/kindeditor-4.1.10/lang/zh_CN.js"></script>
	<link rel="stylesheet" type="text/css" href="__CSS__/main.css">
</head>
<style type="text/css">
	.pagination{
		height: 35px;
		display: flex;
		flex-direction: row;
		margin: 0 auto;
		padding: 0;
	}
	#pageCat ul li{
		padding: 5px 10px 5px 10px;
		border: 1px solid #EAEAEA;
		margin: 0;

	}
	.disabled{
		background-color: #f7feff;
	}
	#pageCat ul li a{
		color: #555a5c;
		text-decoration: none;
	}
	.active{
		background-color: #6FB737;
		color: #fff; 
	}
</style>
<body style="margin: 0 auto;">
<!-- 导航栏区域 -->
<div id="nav_div">
	<!-- logo -->
	<img id="logo" src="__IMG__/logo.png">
	<!-- 导航 -->
	<ul>
		<li><a href="{:url('index/index')}">首页</a></li>
		<li onmouseover="hide()" onmouseout="Hide()" style="height:60px;">
				<a href="{:url('index/view')}">论坛</a>
			</li>
		<li><a href="#">教程</a></li>
		<li><a href="#">讨论</a></li>
		<li><a href="#">博客</a></li>
		<li style="width: 65px;">
			<a href="#" style="color: #6FB737;">联系我们</a>
		</li>
		<li style="margin-right: 28px;">
			<a href="#" style="color: #43a4e9;">ThinkAPI</a>
		</li>
		<li><a href="{:url('index/logOut')}">注销</a></li>
	</ul>
	<!-- 搜索 -->
	<div>
		<form action="">
			<div class="wel">
				<p class="welcome">欢迎你：</p>
				<span style="color: #fff;font-size: 13px;margin-top: 26px;margin-right: 10px;">{:session('uNick')}</span>
				<img id="user_head" src="__ME__/{:session('uImg')}" alt="" style="width:26px;height:26px;">
			</div>
		</form>
		<div id="pulldown" onmouseover="pullDown()" onmouseout="pulldown()">
			<img id="user" src="__IMG__/user.png">
			<img id="dropdown" src="__IMG__/dropdown.png">
		</div>
		<!-- 下拉框 -->
		<div id="hide_div" style="display: none;margin-left: 64px !important;margin-top: 6px !important;position: absolute;left: 71%;top: 90%;" onmouseover="pullDown()" onmouseout="pulldown()">
			<div><a href="{:url('user/login')}">登录</a></div>
			<div><a href="{:url('user/reg')}">注册</a></div>
			<div><a href="{:url('index/changePa')}">修改密码</a></div>
			<div><a href="{:url('index/me')}">上传头像</a></div>
		</div>
	</div>

	<!-- 论坛下拉框 -->
	<div id="hide" onmouseover="hide()" onmouseout="Hide()" style="display: none;">
		<div><a href="{:url('index/view')}" class="hide_href" style="padding: 5px 20px 5px 30px;">全部</a></div>
		{volist name="sec" id="secRow"}
		<div><a href="" class="hide_href">{$secRow.s_name}</a></div>
		{/volist}
	</div>
</div>

<!-- 内容区域 -->
<div class="detailContent">
	<!-- 左部区域 -->
	<div class="detCoLeft">
		<div class="ThPHPA">
			<a href="#"><img src="__IMG__/ThinkPHP.png" class="ThPHP"></a>
		</div>
		<form action="">
		<div class="detCoLefirst">
			<h2>{$mes.m_title}</h2>
			<div class="detCoLeFF">
				<span>作者：{$mes.u_nick}</span>
				<span>发布日期：{$mes.m_createat|date="Y-m-d H:i"}</span>
				<span>分类：{$mes.s_name}</span>
				<span>{关键字：composer ThinkORM}</span>
			</div>
			<a href="#" style="color: #72B939;"><img src="__IMG__/SDK.png" class="SDK"></a>
			<h4>社区推荐：Thinkphp+vue开源商城系统，获得《开源中国》2019年最有价值开源项目</h4>
			<div id="detCoLeFC" class="detCoLeFC">{$mes.m_content}
			</div>
			<div class="detCoLeFS">
				<div>
					<span class="detCoLeFSpan">【推广】</span>
					<a href="#" class="detCoLeFSA">阿里云小站-上云优惠聚集地（新老客户同享）更有每天限时秒杀！</a>
				</div>
				<div>
					<span class="detCoLeFSpan">【推广】</span>
					<a href="#" class="detCoLeFSA">阿里云小站-上云优惠聚集地（新老客户同享）更有每天限时秒杀！</a>
				</div>
			</div>
		</div>
		</form>

		<div class="TP">
			<a href="#" style="color: #444;text-decoration: none;"><img src="__IMG__/TPshop.jpg" class="TPshop"></a>
		</div>

		<div class="detail-bottom">
			<ul class="detail-comment">
				<li><a href="#" class="hov">评论</a></li>
				<li><a href="#">相关</a></li>
			</ul>
			
			<ul class="detail-relevant">
				{volist name='res' id="vo_res"}
				<li>
					<img src="__ME__/{$vo_res.u_img}" alt="">
					<div class="detail-login">
						<span style="margin-left: 10px;">{$vo_res.u_nick}</span>
						<span style="margin-left: 25px;">{$vo_res.r_createat|date="Y-m-d H:i"}</span>
						<div style="margin-left: 10px;">{$vo_res.r_content}</div>
					</div>
				</li>
				{/volist}
				{if session('uNick')!=null}
				<li>
					<img src="__ME__/{:session('uImg')}">
					<form action="{:url('index/doRes',['mid'=>$mes.m_id])}" method="post">
					<div class="detail-rediv">
						<div class="detail-redtop">
							<textarea name="content" cols="66" rows="8" style="margin-left: 10px;" placeholder="我也来说两句..."></textarea>
						</div>
					</div>
				</li>
				<li class="detail-login" style="border-bottom: 0;">
					<input type="hidden" name="mid" value="{:input('mid')}">
					<input type="submit" value="评论">
				</li>
				{/if}
				<li id="pageCat">{$page|raw}</li>
			</ul>
			</form>
		</div>
	</div>

	<!-- 右部区域 -->
	<div class="post_con_right">
		<div class="detail_right_fir" style="margin-top:0;">
			<img src="__ME__/{$mes.u_img}" alt="">
			<div class="detail_right_fdiv">
				<span style="font-size:13px;">{:session('uNick')}</span>
				<div class="detail_right_fspan">
					<span>积分：272</span>
					<span style="margin-left:5px;">等级：LV1</span>
				</div>
			</div>
		</div>
		<img src="__IMG__/Eleven.png" class="Eleven" alt="">
		<div class="right_update" style="margin-left:30px;">
			<div style="width: 274px;height: 41px;line-height: 41px;">
				<img src="__IMG__/recommend.png" alt="">
				<div>热门推荐</div>
			</div>
			<ul class="right_ul">
				<li>
					<img src="__IMG__/fir.png" alt="">
					<div>比RBAC更好的权限认证方式</div>
				</li>
				<li>
					<img src="__IMG__/sec.png" alt="">
					<div>浅谈 PHP 与手机 APP 开发</div>
				</li>
				<li>
					<img src="__IMG__/thi.png" alt="">
					<div>ThinkPHP微信demo实例</div>
				</li>
				<li>
					<img src="__IMG__/fou.png" alt="">
					<div>Nginx下实现pathinfo及ThinkP...</div>
				</li>
				<li>
					<img src="__IMG__/fif.png" alt="">
					<div>ThinkPHP(RBAC)权限管理系统</div>
				</li>
			</ul>
		</div>
		<div class="right_update" style="margin-left:30px;">
			<div style="width: 274px;height: 41px;line-height:41px;">
				<img src="__IMG__/update.png" alt="">
				<div>最新更新</div>
			</div>
			<ul class="right_ul">
				<li>
					<img src="__IMG__/fir.png" alt="">
					<div>TP6怎么写标签扩展？</div>
				</li>
				<li>
					<img src="__IMG__/sec.png" alt="">
					<div>tp6的session还有一个小BUG</div>
				</li>
				<li>
					<img src="__IMG__/thi.png" alt="">
					<div>控制器之间怎么传递对象？</div>
				</li>
				<li>
					<img src="__IMG__/fou.png" alt="">
					<div>网课系统的码云和github</div>
				</li>
				<li>
					<img src="__IMG__/fif.png" alt="">
					<div>关于tp6使用mongo 问题</div>
				</li>
			</ul>
		</div>
	</div>
</div>

<!-- 底部区域 -->
<div id="foot_div">
	<div class="foot_in">
		<div>
			<h3>我们</h3>
			<ul>
				<li>关于我们</li>
				<li>联系我们</li>
				<li>捐赠我们</li>
			</ul>
		</div>
		<div>
			<h3>合作</h3>
			<ul>
				<li>友情链接</li>
				<li>广告合作</li>
				<li>合作伙伴</li>
				<li>技术支持</li>
				<li>产品服务</li>
			</ul>
		</div>
		<div>
			<h3>网站</h3>
			<ul>
				<li>服务市场</li>
				<li>扩展插件</li>
				<li>开发资源</li>
				<li>教程资源</li>
			</ul>
		</div>
		<div>
			<h3>信息</h3>
			<ul>
				<li>BUG反馈</li>
				<li>技术讨论</li>
			</ul>
		</div>
		<div class="foot_end" style="margin-left: -5px;padding-right: 15px;">
			<div>
				ThinkPHP 是一个免费开源的，快速、简单的面向对象的 轻量级PHP开发框架 ，创立于2006年初，遵循Apache2开源协议发布，是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。并且拥有众多的原创功能和特性，在社区团队的积极参与下，在易用性、扩展性和性能方面不断优化和改进，已经成长为国内最领先和最具影响力的WEB应用开发框架，众多的典型案例确保可以稳定用于商业以及门户级的开发。
			</div>
			<div class="foot_address" style="height: 15px!important;">
				沪ICP备12007941号-2
			</div>
			<img id="bottom_logo" src="__IMG__/logo2.png">
		</div>
	</div>	
</div>

</body>
</html>
<script type="text/javascript">
// 登录注册下拉框
	// 显示下拉框
	function pullDown(){
		var show_div = document.getElementById('hide_div');
		if (show_div.style.display == 'none') {
			show_div.style.display = 'block';
		}
	}
	// 隐藏下拉框
	function pulldown(){
		var show_div = document.getElementById('hide_div');
		if (show_div.style.display == 'block') {
			show_div.style.display = 'none';
		}
	}
	// 显示论坛下拉框
		function hide(){
			var hide=document.getElementById('hide');
			if (hide.style.display=='none') {
				hide.style.display='block';
			};

		}
		// 隐藏论坛下拉框
		function Hide(){
			var hide=document.getElementById('hide');
			if (hide.style.display=='block') {
				hide.style.display='none';
			};
		}
	
// 富文本编辑器插入的字符显示不成功，与页面转义字符有关
var HtmlUtil = {
    /*1.用浏览器内部转换器实现html转码*/
    htmlEncode:function (html){
        //1.首先动态创建一个容器标签元素，如DIV
        var temp = document.createElement ("div");
        //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐，google支持)
        (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html);
        //3.最后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串了
        var output = temp.innerHTML;
        temp = null;
        return output;
    },
    /*2.用浏览器内部转换器实现html解码*/
    htmlDecode:function (text){
        //1.首先动态创建一个容器标签元素，如DIV
        var temp = document.createElement("div");
        //2.然后将要转换的字符串设置为这个元素的innerHTML(ie，火狐，google都支持)
        temp.innerHTML = text;
        //3.最后返回这个元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到经过HTML解码的字符串了。
        var output = temp.innerText || temp.textContent;
        temp = null;
        return output;
    },
    /*3.用正则表达式实现html转码*/
    htmlEncodeByRegExp:function (str){
         var s = "";
         if(str.length == 0) return "";
         s = str.replace(/&/g,"&amp;");
         s = s.replace(/</g,"&lt;");
         s = s.replace(/>/g,"&gt;");
         s = s.replace(/ /g,"&nbsp;");
         s = s.replace(/\'/g,"&#39;");
         s = s.replace(/\"/g,"&quot;");
         return s;
   },
   /*4.用正则表达式实现html解码*/
   htmlDecodeByRegExp:function (str){
         var s = "";
         if(str.length == 0) return "";
         s = str.replace(/&/g,"&");
         s = s.replace(/</g,"<");
         s = s.replace(/>/g,">");
         s = s.replace(/ /g," ");
         s = s.replace(/'/g,"\'");
         s = s.replace(/"/g,"\"");
         return s;
   }

};

let ChangFu =  HtmlUtil.htmlDecode("{$mes.m_content}");

document.getElementById('detCoLeFC').innerHTML = ChangFu;

</script>